@charset "utf-8";
/*初始样式*/
body{ color:#333; font-size:14px;font-family: "Microsoft Yahei";} /*网站字体颜色*/
body,ul,ol,li,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,img,span,input{margin:0;padding:0;list-style:none;}
a { text-decoration:none;font-family: "Microsoft Yahei";}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
/*a:hover { text-decoration:underline;}*/
img{border:none;}
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:-1.5px;font-family: "Microsoft Yahei"; }
h1,h2,h3,h4,h5,h6{ font-family:"Microsoft Yahei";}

.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
i,em{ font-style:normal;}
.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden;}
.clearfix{zoom:1;}
/* -- 页面整体布局 -- */
.content-s{margin:0 auto;font-family: "Microsoft Yahei";width: 1300px;}


/* -- 广告 -- */
.content{ width:1200px; margin:0 auto;font-family: "Microsoft Yahei";}
.banner{position: relative;}
.banner li{width: 100%;}
.banner li img{display: block;width: 100%;}
.banner .content{position: relative;}
.ban_pg{position: absolute;left: 0;bottom: 60px;height:10px;z-index: 10;width: 100%;text-align: center;}
.ban_pg i{display: inline-block;width: 10px;height: 10px;background: #fff;border-radius: 100%;margin: 0 10px;vertical-align: top;}
.ban_pg i.on{background: #168cbb;}


.banner .prev{position:absolute;top:45%;left:1.5%;z-index: 10;cursor: pointer;transition: all .25s linear;opacity:0;}
.banner .next{position:absolute;top:45%;right:1.5%;z-index: 10;cursor: pointer;transition: all .25s linear;opacity:0;}
.banner em{text-align: center;width: 60px; height: 60px;border-radius: 50%;background: rgba(22,140,187,0.8);}
.banner em img{height: 30px;display: inline-block;margin-top: 15px;}

.banner:hover  .prev{opacity: 1;left: 4%;}
.banner:hover .next{opacity: 1;right: 4%;}


/* -- 引子 -- */
.yz{height:686px;background:#f2f2f2 ;}

.yz dl{padding-top: 108px;}
.yz dl dt{height:347px;width: 1300px;display: block;overflow: hidden;}
.yz dl dt img{height:347px;width: 1300px;display: block;}


.yz dl dd{height: 190px;}
.yz dl dd h2{text-align: center;}
.yz dl dd h2 em{font-size:20px;color:#4c4c4c;display: block;line-height:20px;font-weight: normal;padding-top: 35px;}

.yz dl dd p{font-size:16px ;color:#808080 ;display: block;line-height:30px;text-align: center;padding-top: 20px;width: 76%;margin: 0 auto;}

/* -- 产品中心 -- */
.cpt{height: 1145px;}


.cpt h2{text-align: center;padding-top:96px;margin-bottom:55px;}
.cpt h2 em{font-size:40px;color:#333333;display: block;line-height:40px;font-weight:normal;}
.cpt h2 span{font-size:20px;color:#808080;display: block;line-height:20px;font-weight: normal;padding-top:17px;}

.cpt_nav{margin:0 auto;width: 1125px;}
.cpt_nav i{float: left;font-size: 20px;color: rgb(76, 76, 76);display: block;line-height: 16px;margin-right: 36px;font-weight: bold;}
.cpt_nav li{float: left;margin-right: 108px;}
.cpt_nav li a{font-size:16px;color:#4c4c4c;display: block;line-height:16px;font-weight: normal;}
.cpt_nav li:last-of-type{margin-right: 0;}
.cpt_nav li:hover a{color:#168cbb;}

.cpt-s{margin-top: 25px;}
.cpt-s h3{    height: 50px;
    line-height: 50px;
    font-size: 16px;
    color: #333333;
    border-bottom: 1px solid #e0e0e0;
    position: relative;
    margin-bottom: 30px;}
.cpt-s ul li{width: 383px;float: left;position: relative;transition: all 0.5s;border: 6px solid #fff;margin-right: 57px;margin-bottom: 66px;}
.cpt-s ul li i{width: 383px;height:216px;display: block;overflow: hidden;}
.cpt-s ul li i img{width: 383px;height:216px;display: block;}
.cpt-s ul li b{width: 383px;height:216px;position: absolute;top: 0;left: 0;background: rgba(0,0,0,0.5);display: none;}
.cpt-s ul li b img{height: 35px;width: 35px;display: block;margin: 91px auto 0;}

.cpt-s ul li h4{height: 115px;box-sizing: border-box;border-bottom: 1px solid #e5e5e5;text-align: left;}
.cpt-s ul li h4 em{font-size:20px;color:#4c4c4c;display: block;line-height: 20px;font-weight: normal;padding-top: 22px;}
.cpt-s ul li h4 span{font-size:14px;color:#999999;display: block;line-height: 20px;font-weight: normal;padding-top:13px;}
.cpt-s ul li:nth-of-type(3n){margin-right: 0;}

.cpt-s ul li:hover b{display: block; transition: all 0.6s;}
.cpt-s ul li:hover{background: #168cbb;border: 6px solid #168cbb;}
.cpt-s ul li:hover h4{border: none;}

.cpt-s ul li:hover h4 em{color: #fff;}
.cpt-s ul li:hover h4 span{color: #fff;}

/* -- 服务 -- */
.fw{height:971px;background: url(../images/fw_bg.jpg) no-repeat center;}

.fw h2{padding-top: 96px;text-align: center;height: 220px;position: relative;}
.fw h2 i{font-size:20px;color:#168cbb;display: block;line-height:28px;text-transform: uppercase;font-weight: bold;}

.fw h2 em{font-size:40px;color:#168cbb;display: block;line-height:40px;text-transform: uppercase;font-weight: bold;padding-top: 18px;}
.fw h2 span{font-size:40px;color:#168cbb;display: block;line-height:40px;text-transform: uppercase;font-weight:normal;padding-top: 18px;}

.fw h2::after{z-index: 99;width: 0;height: 0;overflow: hidden;font-size: 0;line-height: 0;border-width: 8px; border-style: solid;border-color: #168cbb transparent transparent transparent;position: absolute;bottom: 0;display: block;content: "";left: 49%;}



.fw_con{margin-top: 190px;}

.fw_con ul li{float: left;width: 325px;position: relative;height: 465px;transition: all 0.5s;}
.fw_con ul li i{height: 85px;width: 130px;display: block;overflow: hidden;margin: 255px auto 0;z-index:99;position: relative;}
.fw_con ul li i img{height: 85px;width: 130px;display: block;}
.fw_con ul li span{font-size: 16px;line-height: 30px;display:none;color: #c3e7f4;text-align: center;width: 80%;margin: 20px auto 0;z-index:99;position: relative;}

.fw_con ul li::before{height: 330px;width: 2px;right: 0;bottom: 0;content: "";background: url(../images/br_s1.png) no-repeat;display: block;position: absolute;z-index: 22;}
.fw_con ul li:first-of-type{background: url(../images/br_s1.png) no-repeat left bottom;}
.fw_con ul li:after{ position: absolute;left: 0;height: 0;bottom: 0;width:325px;background:url(../images/at_1.png) no-repeat;content: "";  transition: all 0.6s;z-index: 2;}
.fw_con ul li:hover:after{height:436px;z-index: 2;}
.fw_con ul li:hover span{display: block; transition: all 0.6s;}
.fw_con ul li:hover i{animation-duration: 2s;animation-name: flipInY;}
.fw_con ul li:hover{transform: translateY(-8px);}


/* -- 优势 -- */
.ys{height:1000px;position: relative;z-index: 1;}

.ys h2{text-align: center;padding-top:90px;}
.ys h2 em{font-size:40px;color:#ffffff;display: block;line-height:40px;font-weight:normal;}
.ys h2 span{font-size:20px;color:#ffffff;display: block;line-height:20px;font-weight: normal;padding-top:17px;}

.ys_1{margin-top: 80px;}

.ys_1 ul li{transition: all 0.5s;float: left;box-sizing: border-box;height:508px;width:24%;border:1px solid #6a6a68;border-radius: 6px;position: relative;margin-right: 14px;}
.ys_1 ul li i{transition: all 0.5s linear;height:70px;width: 70px;display: block;overflow: hidden;margin:53px auto 0;z-index:99;position: relative;}
.ys_1 ul li i img{height: 70px;width: 70px;display: block;}

.ys_1 ul li h4{text-align: center;padding-top: 15px;margin-bottom:45px;position: relative;z-index: 99;}
.ys_1 ul li h4 b{font-size:26px;color:#ffffff;display: block;line-height:26px;font-weight:100;}
.ys_1 ul li h4 em{font-size:16px;color:rgb(255,255,255,.7);display: block;line-height:26px;font-weight: normal;padding-top:12px; font-weight:normal; font-family:Barlow-Regular; }

.ys_1 ul li span{font-size: 16px;line-height: 30px;display: block;color: #a6afb3;font-weight: normal;    width: 75%;margin: 0 auto;margin-bottom: 22px;position: relative;z-index: 99;}
.ys_1 ul li .more_1{ width:55%; margin:0 auto; border:1px #fff solid; height:40px; line-height:40px; color:#fff; text-align:center; margin-top:50px; z-index:9999999}

.ys_1 ul li:after{border-radius: 6px; position: absolute;left: 0;height: 0;bottom: 0;width:100%;background:rgba(22,140,187,0.8);content: "";  transition: all 0.6s;z-index: 2;}
.ys_1 ul li:hover:after{height:100%;}
.ys_1 ul li:hover span{color: #fff;}
.ys_1 ul li:hover{border: none;transform: translateY(-20px);}
.ys_1 ul li:hover i{transform: rotateY(180deg);}
.ys_1 ul li:last-of-type{margin-right: 0;}
.ys_1 ul li:after .more_1{ background:#ff8d30;}
.ys_con{position: absolute;top: 0;left:0;z-index: -1;width: 100%;}
.ys_con .con{width: 100%!important;}
.ys_con .con img{width: 100%;height: 1000px;display: block;left: 0;position:absolute;}


.ys_1 ul li span{font-size: 16px;line-height: 30px;display: block;color: #a6afb3;font-weight: normal;    width: 75%;margin: 0 auto;margin-bottom: 22px;position: relative;z-index: 99;}



/* -- 新闻资讯 -- */


.news h2{text-align: center;padding-top:0px;margin-bottom:40px;}
.news h2 em{font-size:40px;color:#333333;display: block;line-height:40px;font-weight:normal;}
.news h2 span{font-size:20px;color:#808080;display: block;line-height:20px;font-weight: normal;padding-top:17px;}

.don{float:left;width:620px;}
.don .bt{height:36px;line-height:36px;font-size:20px;position: relative;margin-bottom:15px;}
.don .bt em{width:620px;font-size: 20px;font-weight: bold;color: #4c4c4c;float: left;position: relative;}
.don .bt em a{color: #4c4c4c;float: left;font-weight:normal;}

.don .bt i{float:right;font-size: 14px;display: block;color: #b2b2b2;font-weight: normal;font-family: Arial;}
.don .bt i a{color: #b2b2b2;display: block;padding-top:4px;font-weight: normal;}
.don .bt i a:hover{color:#168cbb;}

.don dl{height: 130px;background: #ffffff;overflow: hidden;}
.don dt{font-size:0;line-height: 0;width:231px;overflow:hidden;float: left;}
.don dt img {width:231px;height:130px;transition:all 0.5s;display: block;}
.don dl:hover dt img{transform:scale(1.1);}

.don dd{height:130px;width:365px;float: left;padding-left: 20px;}
.don dd h4{padding-top:30px;}
.don dd h4 a i{font-size: 16px;color: #4c4c4c;display: inline-block;font-weight: normal;}
.don dd h4 a{display: block;font-size:16px;color: #4c4c4c;text-align:left;font-weight: normal;line-height:16px;}
.don dd p{font-size:14px;color:#808080;display: block;line-height:26px;padding-top:14px;width:345px;}

.don ul{height:120px;}
.don li {height: 20px;line-height:20px;font-size:16px;color: #4c4c4c;position: relative;margin-top:23px;}
.don li a{font-size:16px;color: #4c4c4c;}
.don li span {float:right;color: #999999;font-size: 14px;}
.don li:hover a{color:#168cbb;}


.news2{float:right;width:620px;}
.news2 .bt{height:36px;line-height:36px;font-size:20px;position: relative;margin-bottom:15px;}
.news2 .bt em{width:620px;font-size: 20px;font-weight: bold;color: #4c4c4c;float: left;position: relative;}
.news2 .bt em a{color: #4c4c4c;float: left;font-weight:normal;}

.news2 .bt i{float:right;font-size: 14px;display: block;color: #b2b2b2;font-weight: normal;font-family: Arial;}
.news2 .bt i a{color: #b2b2b2;display: block;padding-top:4px;font-weight: normal;}
.news2 .bt i a:hover{color:#168cbb;}

.news2 dl{height: 130px;background: #ffffff;overflow: hidden;float: left;margin-bottom:33px;}
.news2 dt{font-size:0;line-height: 0;width:231px;overflow:hidden;float: left;}
.news2 dt img {width:231px;height:130px;transition:all 0.5s;display: block;}
.news2 dl:hover dt img{transform:scale(1.1);}

.news2 dd{height:130px;width:365px;float: left;padding-left: 20px;}
.news2 dd h4{padding-top:30px;}
.news2 dd h4 a i{font-size: 16px;color: #4c4c4c;display: inline-block;font-weight: normal;}
.news2 dd h4 a{display: block;font-size:16px;color: #4c4c4c;text-align:left;font-weight: normal;line-height:16px;}
.news2 dd p{font-size:14px;color:#808080;display: block;line-height:26px;padding-top:14px;width:345px;}

.news2 dl:hover h4 a{color: #168cbb;}


/* -- 关于我们 -- */
.abt{height:812px;background: url(../images/abt_bg.jpg) no-repeat center;}

.abt1{width: 652px;float: left;padding-top: 140px;}
.abt1 h2{text-align:left;margin-bottom: 60px;}
.abt1 h2 em{font-size:40px;color:#333333;display: block;line-height:40px;font-weight:normal;}
.abt1 h2 span{font-size:20px;color:#808080;display: block;line-height:20px;font-weight: normal;padding-top:17px;}


.abt1 p{font-size: 16px;line-height: 30px;display: block;color: #808080;font-weight: normal;width: 90%;}
.abt1 .gds{font-size:16px;color:#b2b2b2;display: block;line-height: 16px;margin-top: 26px;margin-bottom: 63px;transition: all 0.5s ease 0s; }
.abt1 .gds:hover{color: #168cbb;transform: translateY(-5px); }

.abt1 b{height:183px ;width:652px;display: block;overflow: hidden;}
.abt1 b img{height:183px ;width:652px;display: block;}

.abt2{float: left;width: 648px;padding-top: 140px;}
.abt2 dl{height: 182px;overflow: hidden;float: left;}
.abt2 dd{float: left;height: 182px;border: 1px solid #e5e5e5;box-sizing: border-box;width: 323px;}

.abt2 dd a{height: 182px;width: 323px;display: block;overflow: hidden;}
.abt2 dd a img{height:100px;width:185px;display: block;margin: 40px auto 0;transition: all 0.5s;}

.abt2 dt{float: left;width: 325px;height: 182px;overflow: hidden;}
.abt2 dt img{width: 325px;height: 182px;display: block;}

.abt2 dd:hover a img{border: none;transform: translateY(-5px);}




@media screen and (min-width: 1263px) {
    html {
      font-size: calc(1263px * 20 / 1903);
    }
  }
  @media screen and (min-width: 1349px) {
    html {
      font-size: calc(1349px * 20 / 1903);
    }
  }
  @media screen and (min-width: 1463px) {
    html {
      font-size: calc(1463px * 20 / 1903);
    }
  }
  @media screen and (min-width: 1543px) {
    html {
      font-size: calc(1543px * 20 / 1903);
    }
  }
  @media screen and (min-width: 1583px) {
    html {
      font-size: calc(1583px * 20 / 1903);
    }
  }
  @media screen and (min-width: 1643px) {
    html {
      font-size: calc(1643px * 20 / 1903);
    }
  }
  @media screen and (min-width: 1663px) {
    html {
      font-size: calc(1663px * 20 / 1903);
    }
  }
  @media screen and (min-width: 1903px) {
    html {
      font-size: calc(1903px * 20 / 1903);
    }
  }




/*--------------------------------------------------------------------------------------------------------------------------------------550--*/

@media all and (max-width:850px){  







.ys_1 {
    margin-top: 30px!important;
}

.ys_1 ul li {
    transition: all 0.5s;
    float: left;
    box-sizing: border-box;
    height: 285px;
    width: 100%;
    border: 1px solid #6a6a68;
    border-radius: 6px;
    position: relative;
    margin-right: 14px; overflow:hidden; margin-bottom:5%
}


.ys {
    height: 1500px;
    position: relative;
    z-index: 1;
}
.ys_con .con img {
    width:auto;
    height: 1500px;
    display: block;
    left: 0;
    position: absolute;
}
.ys_1 ul li h4 b {
    font-size: 20px;
    color: #ffffff;
    display: block;
    line-height: 26px;
    font-weight: 100;
}

.ys_1 ul li span {
    font-size: 14px;
    line-height: 26px;}

.ys_1 ul li h4 {
    text-align: center;
    padding-top: 15px;
    margin-bottom: 25px;}



.ys_1 ul li h4 em {
    font-size: 14px;
    color: rgb(255,255,255,.7);
    display: block;
    line-height: 26px;
    font-weight: normal;
    padding-top: 0px;}

.ys_1 ul li i {
    transition: all 0.5s linear;
    height: 70px;
    width: 70px;
    display: block;
    overflow: hidden;
    margin: 23px auto 0;
    z-index: 99;
    position: relative;
}

.case {
    padding-top: 0px;








}